﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="video.aspx.cs" Inherits="video" %>

<!doctype html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" id="description1" content="1">
    <meta name="renderer" content="webkit">
    <meta name="format-detection" content="telephone=no">
    <title>AskiNow Online Classroom</title>
    <link href="css/main.css?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>" rel="stylesheet" type="text/css" >
    <link href="css/video.css?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>" rel="stylesheet" type="text/css" >
    <link href="/css/sidebar.css?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>" rel="stylesheet" type="text/css" >
     
</head>
<body>

<div class="video_main">
    <div class="videobox">
        <!--左侧文字编辑-->
        <div class="contentBox" style="position:relative;margin-left: 10%;">

            <% if (history_mode) { %>
              <div class="video-history"></div>
            <% } %>
            <div class="video_nav">
            <div class="logo">
              <a href="/">
                <img src="/images/logo.png" width="185" height="60" border="0" />
              </a>
            </div>
            <% if (!history_mode) { %>
            <div class="class-time class-time-blue"><img src="images/video1.png" alt=""/><span>Class Time</span>
              <div class="free15">It is <i>Free</i> for ths <p>first <i>15</i> minis</p> meeting with this tutor.</div>
            </div>

            <!--***************************Screen share****************-->
            <!--<div class="shareScreen">Screen share</div>-->

            <% } %>
            </div>
            <div class="video_bj">
                <div class="video_span">
                    <span class="span_active">Text</span>
                    <span>White Board</span>
                </div>
            </div>
            <div class="video_content"  >
            <% if (!history_mode) { %>
              <div class="pad-locked" id="locked-other">Pad is locked for other user when you are editing</div>
              <div class="pad-locked" id="locked-my">Pad is locked when the other user is editing</div>
              <% } %>
              <textarea class="untitledTil" readonly="readonly"><%=subname%></textarea>
              <!-- <span id="is_editing_text" style="">(The other user is editing)</span> -->
              <textarea class="untitledCont"></textarea>
            </div>
        </div>

        <!--右侧视频-->
        <div class="video_rt">
             <ul class="rt_ul">
                 <li class="videoIcon">video</li>
                 <% if (!history_mode) { %>
                 <li onclick=endClass(); class="endeClassBtn"><span>End the Class</span></li>
                 <% } %>
             </ul>
            <!--聊天-->
            <ul class="chat">



            </ul>
            <!--输入框-->

            <div class="document-update">
              <img src="/images/update.gif" alt="">
            </div>

            <div class="enterBox">
              <div class="enterBtn">
                <input class="enterBtnFile0"  type="file" value="">
                <input type="button" value="" class="enterBtnFile">
                <input type="button" value="" class="enterBtnFace">
              </div>
              <div class="video-expression">
                <ul></ul>
                <div class="dots"><span class="active"></span></div>
                <div class="dots"><span></span></div>
                <div class="dots"><span></span></div>

              </div>
              <div class="enter">
                <div name="sendinfo" id="sendinfo" <% if (!history_mode) { %>contenteditable="true"<% } %>></div>
              </div>
            </div>
            </div>
    </div>

</div>

<!--视频弹出框提示-->
<% if (!history_mode) { %>
<div class="video_pop">
    <h3>Try live video chat here</h3>
    <p>You may need to grant permission to access your computer’s video camera and microphone with the <span>Chrome</span>,<span>FireFox</span> or <span>Opera.</span></p>
    <p>Video support is unavailable on IE or Safari yet.</p>
</div>
<% } %>

<!--视频弹出框-->
<div id="videoDrog" style="right: 350px; top: 100px;">
  <div class="promptxt">Use your camera or microphone here</div>
  <!-- open: w/o 1 closed: w/ 1 -->
  <img src="images/video_icon1.png"  alt="" class="beginVideo" id="beginVideoButton"
    onclick="toggleLocalStreamVideoStatus()" />
  <img src="images/voice_icon1.png"  alt="" class="beginVoice" id="beginAudioButton"
    onclick="toggleLocalStreamAudioStatus()" />
  <img src="images/close_video.png" alt="" class="closeVideo" id="closeVideoButton"
    onclick="closeVideo()"/>

  <!-- The other video -->
  <div id="remoteVideo" width="320px" height="240px" style="background-color: #f3f3f3"></div>
  <!-- <video id="remoteVideo" width="320px" height="240px" autoplay style="background-color: #f3f3f3"></video> -->
  <!-- Video towards myself -->
  <div id="localVideo" class="otherVideo"></div>
  <!-- <video id="localVideo" class="otherVideo" muted="true" autoplay></video> -->

</div>


<!--****************************siderbar************************************-->
<!--#include file="incfiles/sidebar.aspx"-->
<div class="waiting"></div>

<!---head---->

     
<script type="text/javascript">
      
    //全局 getcookie，socket，log,request
    var oid = "<%=orderid%>";
    var fromuserid = <%=userid %>;
    var touserid = <%=touserid %>;
    var utype=<%=utype %>;
    var mainroomid = "";
    var teacherid=<%=teacherid %>;
    var studentsid=<%=studentid %>
    var startdate='<%=startdate %>';


</script>
<!--#include file="incfiles/globalJscript.aspx"-->   
<!--#include file="incfiles/commonJscript.aspx"-->
<script type="text/javascript" src="/js/app/video.js?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>"></script>
<script type="text/javascript" src="/js/app/videomain.js?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>"></script>
 
<script type="text/javascript" src="/js/app/docsharetextarea.js?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>"></script>
<script src="https://media.twiliocdn.com/sdk/js/common/v0.1/twilio-common.js"></script>
<script src="https://media.twiliocdn.com/sdk/js/conversations/v0.13/twilio-conversations.js"></script>
<script src="js/app/twiliovideo.js?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>"></script>
